<template>
  <div class="girl">
    小明
    {{ a }} {{ tao }} {{ c }} {{ obj.xie }} {{ obj.tao }}
    <button @click="show">点我输出</button>
  </div>

  <teleport to="body">
    <div class="modal" v-show="isShow">
      <h2>我是一个弹窗</h2>
      <p>我是弹窗中的一些内容</p>
      <button @click="isShow = false">关闭弹窗</button>
    </div>
  </teleport>
  
</template>
  
<script setup lang="ts">
defineProps(['a', 'tao', 'c', 'obj', 'show'])

const isShow = true
const age = 9
defineExpose({ age })
</script>

  <style scoped>
.girl {
  background-color: rgb(242, 242, 121);
  width: 90%;
  height: 200px;
  margin-top: 10px;
  border: 1px solid black;
  border-radius: 10px;
}
</style>